<template>
	<view class="personal-Info">
		<view class="item">
			<view class="text">真实姓名</view>
			<view class="info">{{userInfo.real_name}}</view>
		</view>
		<view class="item">
			<view class="text">用户ID</view>
			<view class="info">{{userInfo.uid}}</view>
		</view>
		<view class="item">
			<view class="text">手机号</view>
			<view class="info">
				{{userInfo.phone}} 
				<!-- <navigator url="/pages/module/bind_phone" class="modify" hover-class="none">修改</navigator> -->
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getUserInfo
	} from '@/api/user.js';
	export default {
		data() {
			return {
				userInfo: {},
			}
		},
		onLoad() {
			const that = this
			getUserInfo().then(res => {
				that.userInfo = res.data
			})
		},
		methods: {
		},
		
	}
</script>

<style lang="scss">
	
	page {
		background: #ffffff;
	}
	
	.personal-Info {
		
		.item {
			padding: 48rpx 24rpx;
			display: flex;
			justify-content: space-between;
			
			&~.item {
				border-top: 2rpx solid #F5F5F5;
			}
			
			.text {
				font-size: 28rpx;
				color: #999999;
				line-height: 28rpx;
			}
			
			.info {
				display: flex;
				align-items: center;
				font-size: 28rpx;
				color: #1F1F1F;
				line-height: 28rpx;
				
				.modify {
					margin-left: 12rpx;
					color: #39CCC2;
				}
			}
		}
		
		.no-border {
			border-bottom: none;
		}
	}
	
	
</style>